<template>
    <div>
        <div class="card-div" >
            <el-card>
                <div slot="header">
                    <span>静夜思</span>
                </div>
                <div>床前明月光，疑是地上霜。<br>
                    举头望明月，低头思故乡。</div>
            </el-card>
        </div>

        <div class="card-div">
            <el-card>
                <div slot="header">
                    <span>卡片信息</span>
                </div>
                <div>这是快捷功能卡片区</div>
            </el-card>
        </div>
        <div class="card-div">
            <el-card>
                <div slot="header">
                    <span>卡片信息</span>
                </div>
                <div>这是快捷功能卡片区</div>
            </el-card>
        </div>

        <div class="card-div">
            <el-card>
                <div slot="header">
                    <span>卡片信息</span>
                </div>
                <div>这是快捷功能卡片区</div>
            </el-card>
        </div>
        <div class="card-div">
            <el-card>
                <div slot="header">
                    <span>卡片信息</span>
                </div>
                <div>这是快捷功能卡片区</div>
            </el-card>
        </div>

        <div class="card-div">
            <el-card>
                <div slot="header">
                    <span>卡片信息</span>
                </div>
                <div>这是快捷功能卡片区</div>
            </el-card>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'Home',
        date() {
            return {
                
            }
        },
        methods:{
            
        }
    };
</script>

<style scoped>
    .card-div {
        width: 22%;
        float: left;
        margin: 10px 10px;
    }
</style>